<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.table{
			display: table;
			border-collapse: collapse;
			border: 1px solid #ccc;
		}
		#th{
			display: th;
			text-align: center;
			background-color: blueviolet;
			color: white;
		}
		.table-cell{
			display: table-cell;
			padding: 0 5px;
			border: 1px solid #ccc;
		}
		.table-row {
			display: table-row;
		}
		.table-column-group {
			display: table-column-group;
		}
		
		.table-column {
			display: table-column;
			width: 100px;
		}
		</style>
	</head>
	<body>
		<div class="table">
			<div id="th">128克铜版纸（印刷报价）</div>
			<div class="table-column-group">
				<div class="table-column"></div>
				<div class="table-column"></div>
				<div class="table-column"></div>
				<div class="table-column"></div>
				<div class="table-column"></div>
			</div>
			<div id="tr">
				<ul class="table-row">
					<li class="table-cell">数量</li>
					<li class="table-cell">大度8开（双面）</li>
					<li class="table-cell">大度8开（单面）</li>
					<li class="table-cell">大度16开（双面）</li>
					<li class="table-cell">大度16开（单面）</li>
				</ul>
			</div>
			<div id="tr">
				<ul class="table-row">
					<li class="table-cell"></li>
					<li class="table-cell">285x430</li>
					<li class="table-cell">285x430</li>
					<li class="table-cell">285x210</li>
					<li class="table-cell">285x210</li>
				</ul>
			</div>
		</div>
	</body>
</html>
